import { fileURLToPath, URL } from 'node:url'
import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import vueJsx from '@vitejs/plugin-vue-jsx'
import vueDevTools from 'vite-plugin-vue-devtools'
// @ts-ignore
import px2rem from 'postcss-px2rem'
const postcss = px2rem({
  // 基准大小 baseSize，需要和 torem.js中相同
  remUnit: 16
})

// https://vitejs.dev/config/
export default defineConfig({
  css: {
    postcss: {
      plugins: [postcss]
    }
  },
  base: './',
  server: {
    host: true, // 允许所有IP地址访问
    port: 3000, // 指定端口号
    open: false, // 不自动打开浏览器
    strictPort: true, // 端口被占用时直接退出
    cors: true, // 允许跨域请求
    proxy: {
      '/api': {
        target: 'https://abc.bilisd.com/data',
        changeOrigin: true,
      }
    }
  },
  plugins: [vue(), vueJsx(), vueDevTools()],
  resolve: {
    alias: {
      '@': fileURLToPath(new URL('./src', import.meta.url))
    }
  }
})
